<template>
  <div class="doing-com">
    <a-card title="进行中" :bordered='false'>
      <template #extra>
        <a href="#">全部</a>
      </template>
      <a-card-grid
        style="width: calc(100% / 3)"
        v-for="(item, index) in list"
        :key="index"
      >
        <div class="item">
          <a-space :size="16">
            <a-avatar :src="item.avatar" />
            <h4>{{ item.name }}</h4>
          </a-space>
          <a-typography-paragraph
            style="margin: 8px 0; height: 44px"
            :ellipsis="{ rows: 2 }"
            :content="item.content"
          ></a-typography-paragraph>
          <div class="dept-date">
            <span class="dept">{{ item.dept }}</span>
            <span class="date">{{ item.date }}</span>
          </div>
        </div>
      </a-card-grid>
    </a-card>
  </div>
</template>
<script>
export default {
  name: "",
  components: {},
  mixins: [],
  props: {},
  data() {
    return {
      list: [
        {
          avatar: "../../../src/assets/BiazfanxmamNRoxxVxka.png",
          name: "谭仪琳",
          dept: "写作和传媒",
          date: "9小时前",
          content: "我在上课前半小时才发现自己忘记了带教材",
        },
        {
          avatar: "../../../src/assets/WhxKECPNujWoWEFNdnJE.png",
          name: "冉美芳",
          dept: "马克思主义理论专业",
          date: "12小时前",
          content:
            "我有几支彩色笔颜色没有了，有谁可以借用，型号是✨Touch sign pen，没有的话✨Brush sign pen artist也行",
        },
        {
          avatar: "../../../src/assets/cnrhVkzwxjPwAaCfPbdc.png",
          name: "边琴韵",
          dept: "司法鉴定学",
          date: "21小时前",
          content:
            "有人请假离校了的话，学校打包袋资源紧缺，需要学生自备带饭家伙式儿，帮我买“带饭工具”。",
        },
        {
          avatar: "../../../src/assets/gaOngJwsRYRaVAuXXcmB.png",
          name: "蓬淑然",
          dept: "咨询和人力资源",
          date: "5小时前",
          content:
            "想请教您有关于大学生创新创业课程的，有时间的师兄师姐话方便解答一下吗，非常感谢！",
        },
        {
          avatar: "../../../src/assets/jZUIxmJycoymBprLOUbT.png",
          name: "茹若华",
          dept: "文化和艺术领域",
          date: "17小时前",
          content:
            "科目为高等数学，授课时间为每周三下午，地点为XX学院图书馆，费用为50元/小时，联系方式为13712345678。",
        },
        {
          avatar: "../../../src/assets/ubnKSIfAJTxIgXOKlciN.png",
          name: "林含巧",
          dept: "学术研究和教育",
          date: "2小时前",
          content:
            "快递公司为顺丰，快递单号为SF123456789，收件人姓名为张三，联系电话为13812345678，收货地址为XX学院XX宿舍楼",
        },
      ],
    };
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {},
};
</script>
<style lang='scss' scoped>
.doing-com {
  overflow: hidden;
  .item .dept-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    span {
      font-size: 12px;
      &.dept {
        color: #000000a6;
      }
      &.date {
        color: #00000040;
      }
    }
  }
}
</style>